
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>水彩中国</title>
    <meta name="viewport" content="initial-scale=1,width=device-width,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="address=no">
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <style type="text/css">
        .navbar{
            width: 100%;
            position: fixed;
        }
        .value{
            width: 650px;
            margin:0 auto;
            padding:55px;
            box-shadow: inset 0px 20px 20px black;
        }
        h4{
            padding: 55px 0 0;
        }
        p{
             text-indent:2em;
             padding:0 0 0 2em;
        }
        ol{
            margin:0 0 0 3em;
        }
        @media only screen and (max-width: 770px) {
            .value{
                width: auto;
                box-shadow:none;
            }
        }
    </style>
</head>
<body>
<nav id="navbar-example" class="navbar navbar-default navbar-static" role="navigation">
    <div class="container-fluid"> 
        <div class="navbar-header">
            <button class="navbar-toggle" type="button" data-toggle="collapse" 
                    data-target=".bs-js-navbar-scrollspy">
                <span class="sr-only">切换导航</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
             <a class="navbar-brand" href="index.html">水彩中国</a>
        </div>
        <div class="collapse navbar-collapse bs-js-navbar-scrollspy">
            <ul class="nav navbar-nav">
                <li><a href="#jb">基本帮助</a></li>
                <li><a href="#jm">界面组成</a></li>
                <li><a href="#hb">画布调整</a></li>
                 <li><a href="#sc">色彩调整</a></li>
<li><a href="#hbi">关于画笔</a></li>
                 <li><a href="#bq">版权声明</a></li>
                 <li><a href="#me">关于我</a></li>
                 <li><a href="#xx">致谢</a></li>
            </ul>
        </div>
    </div> 
</nav>
<div class="value" data-spy="scroll" data-target="#navbar-example" data-offset="0" >
    <h4 id="jb">基本帮助</h4>
    <p>
        本页面使用H5技术实现，浏览器版本过低会导致不能正常加载完整的页面。如因浏览器问题导致无法使用本页面请前往下载chrome：友情链接-<a href="https://www.google.cn/chrome/browser/desktop/index.html">chrome下载</a>
    </p>
    <p>
        当前版本为正式版本-v1.0，相较于之前版本减少了操作不友好的功能。并更新了视觉效果。未来可能持续推出更新，如有需要请关注我们。
    </p>
      <h4 id="jm">界面组成</h4>
    <p>
        画布由两张canvas画布组成，由工具面板提供调色及精准调色、画笔调整以及绘画方式调整和保存等功能。
    </p>
    <p>
        目前提供1~300像素大小的画笔，画笔初识大小为10PX;
    </p>
    <p>更多功能请期待我们的后续更新（可能很久）。</p>
      <h4 id="hb">画布调整</h4>
    <p>
        由于方便操作性以及技术、载体（浏览器）的限制，画布不进行自动调整。
    </p>
    <p>画布由初始时浏览器可视区域大小决定。所见即所见。</p>
    <p>想要更改你的画布只需要更改浏览器到合适的大小后，刷新改页面即可（原内容会消失！）</p>
    <p>想要使用更大的画布，可以尝试F11全屏操作！</p>
    <p>注：缩放浏览器会引起画布变形，笔触变形，但不影响保存的效果。可以通过拉伸浏览器到更大以获得类似于操控细节的操作体验。</p>
      <h4 id="sc">色彩调整</h4>
        <p>
        暂时由RGBA格式下提供两种相似但不同交互的色彩调整方案: 
        </p>
            <ol>
                <li>
                    滑动调整：
                    <p>方便快速调整为大致色调，但不会太过于精确。</p>     
                </li>
                <li>
                    直接输入数字：
                    <p>可以精确控制各颜色的值（0~255），但不便于直观的展现色彩，不能很好的对临近色彩进行响应。</p>
                </li>
            </ol>
    <h4 id="hbi">关于画笔</h4>
    <p>
        画笔笔触受控制台笔触大小控制，画笔颜色受控制台精确调整以及滑块调整器双重控制（控制器本体自相影响），画笔颜色浓度（墨水透明度）受透明度滑动调整工具影响。
    </p>
    <p>
    	可以有不同的画笔以供选择：
    	<ol>
    		<li>水彩：可以完整的保留颜色透明度，但不能提供很好的预览效果（预览使用墨点呈现，落笔时预览效果将会消失，以纯粹的线条呈现），绘画过程中线条将不存在重叠，可以实现某些特殊绘制效果</li>
    		<li>水墨：会在低透明度时，形成抬笔的渐少墨效果，颇具中国画以及书法效果。并拥有良好的绘制预览。</li>
    		<li>毛笔：会形成类似劣质毛笔的绘画效果（拥有良好的透明度保留，但会存在不确定性的墨点，并拥有良好的绘制预览）</li>
    		<li>注：良好的绘制预览指的是（所见即所得）。</li>
    	</ol>
    </p>
      <h4 id="bq">版权声明</h4>
    <p>
        版权归属：本页面所有权限由&nbsp;cbugos@163.com&nbsp;所有。</p>
   <p>已在“开源中国-码云”提供开源，相关链接：<a href="index.html">这就是开源中国啊。。。</a></p> 
    
      <h4 id="me">关于我</h4>
    <p>
        联系方式：a1248342301@163.com 
    </p>
    <p>
        
    </p>
      <h4 id="xx">致谢</h4>
    <p>
        特别鸣谢: 吴那谁&nbsp;提供的云计算资源,友情链接: <a href="https://www.nobugs.top">https://www.nobugs.top</a>
    </p>
<div style="height:600px;"></div>
</div>
</body>
</html> 